body { background:#fff; font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;  font-size:14px; line-height: 1.2;color: #555;}
img{border:none;}
/*辅助色 橙色 #ff9000*/
body{--zhu-color:#1d639f;--pei-color:#ff7b28;}
a{color:#555;  text-decoration:none;}
a:hover{color:var(--zhu-color);  text-decoration:none; transition: 0.4s;}
a:focus{ text-decoration:none; }
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
p{margin:0;padding:0;}
img{max-width: 100%}
input,textarea{outline: none;}
.fl{ float: left;}
.fr{ float: right;}
.fl20{padding-left: 2px;}
.img{width:100%;position: relative;padding-bottom: 75%;overflow: hidden;}
.img img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
/*主色调 蓝色 #1d639f*/

.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;position: relative;}
.inner{ width: 100%; margin:0 auto; }
@media(min-width: 1200px){
    .wrap{width:1200px;}
    .inner{width:1200px;}
}
@media(max-width: 640px){
  .inner{ padding:0; }
}
@font-face{
    font-family: "DIN-Medium";
    src:url(../fonts/DIN-Medium.otf);
 }
 @font-face{
    font-family: "DIN-Regular-2";
    src:url(../fonts/DIN-Regular-2.otf);
 }
/*--- header ---*/


.pc-header{ background: url(../images/bg.jpg) repeat-x; overflow: hidden;}
.top{ height: 45px; border-bottom: 1px solid #dedede;  line-height: 45px; overflow: hidden;}
.welcome{ width: 50%; float: left; text-indent: 10px; color: #999;}
.fav{ width: 49%; float: right; text-align: right;color: #999;}
.fav a{ color: #999;}
.fav a:hover{ color: var(--pei-color);}
.header{ padding: 10px 0; overflow: hidden;}
.logo{ width: calc(100% - 275px); float: left;}
.tel{ width: 265px; float: right; background: url(../images/h-tel.png) left center no-repeat;display: flex;flex-direction: column;text-align:left;padding:0px 0 0px 60px;margin-top:10px;height: 55px}
.tel .tt1{font-size: 16px;}
.tel .tt2{font-size: 32px;font-family:'DIN-Medium';color:var(--zhu-color);}
.line{ height: 55px; line-height: 55px; background: url(../images/top-line-bg.jpg) repeat-x; overflow: hidden; position: relative; top:-5px; z-index: 1;}
.keywords{ width: 100%; text-indent: 10px;}
.keywords span{ color: var(--zhu-color);}
.serch{ width: 30%; float: right; background: url(../images/serch-bg.png) no-repeat left center; padding-left: 25px;}
.search-text{ width: 70%; float: left; line-height: 75px; background: none; border: none; outline: none; text-indent: 5px; color: #b3b9b9;}
.go{ width: 73px; float: right; border:none; background:#1f619b url(../images/go.jpg) no-repeat center center;}
/*--- nav ---*/
.menu{ padding-top: 5px; background: url(../images/menu.jpg) no-repeat top left; overflow: hidden; position: relative; top:0px; z-index: 1;}
.m-box{ background: var(--zhu-color); overflow: hidden;}
.m-box ul{display: flex;flex-direction: row;justify-content: space-around;}
.m-box li{ width:12.5%;height: 68px; padding: 13px 0; float: left; text-align: center; overflow: hidden;}
.m-box li a{ color: #fff; font-size: 16px;}
.m-box li a span{ color: #bed5ff; font-size: 14px;opacity: 0.4}
.m-box li a:hover{ color: var(--pei-color);}
.m-box li a:hover span{ color: var(--pei-color);}
/*--- wap-header ---*/
.wap-header{background: url(../images/bg.jpg) repeat-x; overflow: hidden;}
.w-top{ height: 45px; text-indent: 10px; border-bottom: 1px solid #dedede;  line-height: 45px; overflow: hidden;}
.w-h{ padding: 15px 0 0 0; overflow: hidden;}
.w-logo{ width: 100%; padding: 15px 0;}
.w-logo img{ max-width: 100%;}
.w-nav{ width: 100%; overflow: hidden;}
.w-nav ul{ width: 100%; border-bottom: 1px solid #fff; height: 50px; line-height: 50px; background: var(--zhu-color);}
.w-nav ul li{ width: 25%; float: left; height: 50px; text-align: center;}
.w-nav ul li a{ color: #fff; font-size: 16px;}
.wn1{ border-right: 1px solid #fff;}
.w-nav ul li a:hover{ color: var(--pei-color);}

/*--- main ---*/
.flash{ position: relative; top:-5px; z-index: 1;}
.flash img{ max-width: 100%;object-fit: cover;}
/*--- main ---*/
.m-p{ background:var(--zhu-color) url(../images/m-p-bg.jpg) repeat-x; overflow: hidden; padding: 30px 0; position: relative; top:-5px; z-index: 1;}
.m-plist{ width: 25%; float: left; background: #fff;box-shadow:0 0 20px rgba(0,0,0,0.8);}
.m-plist .hd{ height: 100px; background: var(--pei-color); text-align: center; padding-top: 30px;}
.m-plist .bd{ padding: 25px; overflow: hidden;}
.p1{ margin-bottom: 10px;}
.p1 a{ display: block; width: 100%; height: 55px; font-size: 20px; color: #555; /*font-weight: 700;*/ line-height: 55px; text-indent: 10px;transition: all .5s}
.p1 a:hover{ background: var(--zhu-color); text-indent: 25px; color: #fff;}
.p2{ margin-bottom:5px;}
.p2 a{ display: block; width: 100%; font-size: 16px; height: 35px; line-height: 35px; text-indent: 10px;}
.p2 a:hover{ background: var(--pei-color); text-indent: 25px; color: #fff;}

.m-pod{ width: 100%;overflow: hidden;}
.m-pod .hdd{ height: 84px; margin-top: 16px; font-size: 22px; line-height: 34px; text-align: right;border-right: 2px solid #1f619b; padding-right: 20px; color: #333;}

.m-pod .hdd img{ max-width: 90%;}
.m-p-pc{ width: 100%; padding-top: 66px; overflow: hidden;height: 100%}
.m-p-pc .bd{}
 .m-p-pc .swiper-slide a{width:100%;background: none;display: block;}
 /*.m-p-pc .swiper-slide a .img{padding-bottom: 100%;}*/
  .m-p-pc .swiper-slide .img img{transition: all .5s;}
 .m-p-pc .swiper-slide .cc{ height: 59px; overflow: hidden;}
 .m-p-pc .swiper-slide .cc .c1{ width: calc(100% - 80px); float: left; line-height: 59px; color: #fff;transition: 0.4s;font-size: 16px}
 .m-p-pc .swiper-slide .cc .c2{ width: 77px; float: right; text-align: center; color: #fff; height: 25px;line-height: 22px; border: 1px solid #fff; margin-top: 17px;transition: 0.4s;font-size: 14px;}
  .m-p-pc .swiper-slide:hover .cc .c1{color:var(--pei-color);}
  .m-p-pc .swiper-slide:hover .cc .c2{color:var(--pei-color);border-color:var(--pei-color);}
  .m-p-pc .swiper-slide:hover .img img{transform: scale(1.1,1.1);}

.m-pod .mdd{ overflow: hidden;}
.w-plist{ width: 90%; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.w-plist li{ width: 25%; margin-bottom: 10px; float: left; overflow: hidden;}
.w-plist li a{ display: block; width: 90%; text-align: center; height: 35px; line-height: 35px; border: 1px solid #fff; color: #fff;}
.w-plist li a:hover{ border: 1px solid var(--pei-color); color: var(--pei-color);}
.w-p-pc{ width: 100%;}
.w-p-pc .bd{}
.w-p-pc .bd ul{ width: 200px; float: left; height: 480px;}
.w-p-pc .bd ul li{ width: 95%; margin: 0 auto; height:240px; ;}
.w-p-pc .bd ul li .img{  width: 100%;}
.w-p-pc .bd ul li .img img{ width: 100%; height: 180px; object-fit:cover;}
.w-p-pc .bd ul li .cc{ height: 59px; overflow: hidden;}
.w-p-pc .bd ul li .cc .c1{ width: 65%; float: left; text-indent: 5px; line-height: 59px; color: #fff;}
.w-p-pc .bd ul li .cc .c2{ width: 35%; float: right; text-align: center; color: #fff; height: 25px;line-height: 25px; border: 1px solid #fff; margin-top: 17px;}
.w-p-pc .bd ul li a:hover .img img{ transform: scale(1.1); transition: 0.4s;}
.w-p-pc .bd ul li a:hover .cc .c1{ color: #ff7b27; font-size: 16px; transition: 0.4s;}
.w-p-pc .bd ul li a:hover .cc .c2{ color: #ff7b27; border: 1px solid #ff7b27; transition: 0.4s;}
.m-hot-p{ background: url(../images/m-p-bg.jpg); padding: 35px 0; overflow: hidden; position: relative; top:-5px; z-index: 1;}
.hot1{ font-size: 30px; line-height: 30px; margin-bottom: 15px;}
.hot2{ width: 122px; height: 2px; background: var(--zhu-color);transition: 0.4s}
.hot3{ padding: 15px 0;}
.hot:hover .hot2{ width: 140px; }
.hot4{ height: 34px; overflow: hidden;}
.hot4 li{ width: 50%; float: left; overflow: hidden;}
.hot4 li a{ display: block; width: 90%; height: 34px; text-align: center; line-height: 34px;}
.ht11{ border: 1px solid var(--zhu-color);}
.ht11:hover{ color: var(--zhu-color);}
.ht22{ background: var(--zhu-color); color: #fff;}
.ht22:hover{ color: var(--pei-color);}
.hotlist{ padding-top: 20px;}

.hotlist li{width: 50%;display: block;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 10px;height: 60px;padding-top: 10px;}
.hotlist li span{display: block;float: left;font-size: 20px;color: #222222;position: relative;bottom: 5px;font-weight: lighter;width:calc(100% - 30px);transition: all .5s}
.hotlist li span:hover{color:var(--zhu-color);}
.la-ball-scale-pulse,
.la-ball-scale-pulse > div {
	float: left;
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-scale-pulse {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-scale-pulse.la-dark {
    color: var(--zhu-color);
}
.la-ball-scale-pulse > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-scale-pulse {
    width: 32px;
    height: 32px;
}
.la-ball-scale-pulse > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: ball-scale-pulse 2s infinite ease-in-out;
       -moz-animation: ball-scale-pulse 2s infinite ease-in-out;
         -o-animation: ball-scale-pulse 2s infinite ease-in-out;
            animation: ball-scale-pulse 2s infinite ease-in-out;
}
.la-ball-scale-pulse > div:last-child {
    -webkit-animation-delay: -1.0s;
       -moz-animation-delay: -1.0s;
         -o-animation-delay: -1.0s;
            animation-delay: -1.0s;
}
.la-ball-scale-pulse.la-sm {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}
.la-ball-scale-pulse.la-sm > div {
    width: 24px;
    height: 24px;
}

.la-ball-scale-pulse.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-scale-pulse.la-2x > div {
    width: 64px;
    height: 64px;
}
.la-ball-scale-pulse.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-scale-pulse.la-3x > div {
    width: 96px;
    height: 96px;
}
/*

 * Animation

 */

@-webkit-keyframes ball-scale-pulse {

    0%,

    100% {

        -webkit-transform: scale(0);

                transform: scale(0);

    }

    50% {

        -webkit-transform: scale(1);

                transform: scale(1);

    }

}

@-moz-keyframes ball-scale-pulse {

    0%,

    100% {

        -moz-transform: scale(0);

             transform: scale(0);

    }

    50% {

        -moz-transform: scale(1);

             transform: scale(1);

    }

}

@-o-keyframes ball-scale-pulse {

    0%,

    100% {

        -o-transform: scale(0);

           transform: scale(0);

    }

    50% {

        -o-transform: scale(1);

           transform: scale(1);

    }

}

@keyframes ball-scale-pulse {

    0%,

    100% {

        -webkit-transform: scale(0);

           -moz-transform: scale(0);

             -o-transform: scale(0);

                transform: scale(0);

    }

    50% {

        -webkit-transform: scale(1);

           -moz-transform: scale(1);

             -o-transform: scale(1);

                transform: scale(1);

    }

}


.m-ys{  overflow: hidden;}
.m-ys .hd{ text-align: center; padding: 21px 0; overflow: hidden; font-size: 18px; color: #666;letter-spacing:3px;margin-top: 15px;}

.m-ys .bd{ margin-top: 35px;}
.ysc{ text-align: center;}
.ysc img{ max-width: 98%;}
.ysc:hover{ cursor:pointer;transition: all 0.3s;  }
.ysc:hover img{ animation: swing 1s;}
.ysl ul{ width: 33.3%; float: left; margin: 20px 0 25px 0; overflow: hidden;transition: all 0.3s;}
.ysl ul .c1{ width: 71px; margin: 0 auto;}
.ysl ul .c2{ width: 100%;  padding-top: 15px; padding-bottom: 10px;  line-height: 20px; text-align: center;}
.ysl ul .c2 span{ font-size: 16px; color: #4c4c4c; font-weight: 700;transition: all 0.3s;}
.ysl ul:hover{ cursor:pointer; }
.ysl ul:hover .c2 span{ color: var(--zhu-color); }
.ysl ul:hover{ color: var(--zhu-color); }
.ysr ul{ width: 33.3%; float: left; margin: 20px 0 25px 0; overflow: hidden;transition: all 0.3s;}
.ysr ul .c4{ width: 71px;margin: 0 auto;}
.ysr ul .c3{ width: 100%; padding-top: 15px; padding-bottom: 10px; line-height: 20px; text-align: center;}
.ysr ul .c3 span{ font-size: 16px; color: #4c4c4c; font-weight: 700;transition: all 0.3s;}
.sz{ width: 100%; height: 81px; line-height: 81px; margin: 0 auto; background: url(../images/ys-bg.jpg) no-repeat top center; text-align: center; font-size: 30px; color: #dbe2e8; font-weight: 700;font-style: italic}
.ys-line{ width: 100%; height: 57px; background: url(../images/ys-line.jpg) no-repeat top center; margin: 5px 0;}
.ysr ul:hover{ cursor:pointer; }
.ysr ul:hover .c3 span{ color: var(--zhu-color); }
.ysr ul:hover{ color: var(--zhu-color); }


.wap-w-ys{ padding: 25px 0; overflow: hidden;}
.wap-w-ys .hd{ text-align: center; margin-bottom: 15px;}
.wap-w-ys .hd img{ max-width: 85%;}
.wap-w-ys .container-fluid{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-w-ys ul{ padding: 10px; overflow: hidden;width:50%;float: left;}
.wap-w-ys ul .wc1{ width: 71px; float: left; height: 81px; line-height: 81px; margin: 0 auto; background: url(../images/ys-bg.jpg) no-repeat top center; text-align: center; font-size: 30px; color: #dbe2e8; font-weight: 700;font-style: italic}
.wap-w-ys ul .wc2{ width:calc(100% - 71px); float: left; padding: 10px 0 0 20px; overflow: hidden; line-height: 30px;}
.wap-w-ys ul .wc2 span{ font-size: 22px; color: #4c4c4c; font-weight: 700;}





.m-line{ background:#e1e1e1;  padding: 15px 0; overflow: hidden;}
.line-tel{ width: 90%; margin: 0 auto; line-height: 26px; margin-bottom: 10px;}
.line-tel span{ color: #0752af; font-size: 20px;}
.line-message{ width: 262px; height: 72px;margin: 0 auto;}
.line-message a{ display: block; width: 100%; text-align: center; background: url(../images/mlk1.png) no-repeat top center; line-height: 70px; color: #fff; font-size: 16px; height: 70px; margin: 0 auto;transition: all .5s}
.line-message a:hover{background: url(../images/mlk2.png) no-repeat top center;}

.m-case{ padding: 35px 0; overflow: hidden;}
.m-case .hd{ text-align: center;}
.m-case .hd img{ max-width: 60%;}
.m-case .md{ text-align: center; padding: 21px 0; overflow: hidden; font-size: 12px; color: #666;letter-spacing:3px;margin-bottom: 15px;}
.m-case .bd ul{ margin-bottom: 10px; overflow: hidden;}

.m-case .bd ul a:hover .img img{ animation: swing 1s;}
.m-case .bd ul .txt{ width: 100%; height: 35px; overflow: hidden; line-height: 35px;}
.m-case .bd ul .txt .case1{ width:calc(100% - 90px); float: left; font-size: 16px; color: #666;transition: all .5s}
.m-case .bd ul .txt .case2{ width:90px; float: right; text-align: right; color: #333; font-size: 16px;transition: all .5s}
.m-case .bd ul a:hover .case1{ color: var(--pei-color);}
.m-case .bd ul a:hover .case2{ color: var(--pei-color);}
.m-yss{ overflow:visible; position:relative;}
#particles-js{ width: 100%; position: absolute; left:0; top:0; z-index:-1; background: url(../images/m-ys-bg.jpg) no-repeat top center; background-size: cover;  background-repeat: no-repeat;height: 100% }
.ys-box{ width: 100%; overflow:hidden; padding-top: 25px; background: rgba(25,92,159,0.2);}
.ys-box .hdd{ text-align: center;}
.ys-box .hdd img{ max-width: 90%;}
.ys-box .hd{text-align: center;}
.ys-box .hd .tt1{font-size:90px;font-family:Impact;color:#2b72b8; text-transform: uppercase;}
.ys-box .hd .tt2{font-size:50px;color:#fff;font-weight: bold;margin-top: -85px; }
.ys-box .bd{ text-align: center; color: #fff; margin: 30px 0 10px; font-size: 14px;}
.ys-box .mdd{ padding-top: 38px; overflow: hidden;}

.ys-picFocus{ width: 100%; padding-bottom: 100px;overflow:visible; position:relative}
.ys-picFocus .hd{ width:100%;  background: #fff; overflow: hidden;}
.ys-picFocus .hd ul{ overflow:hidden; zoom:1; }
.ys-picFocus .hd ul li{ width: 25%; font-size:26px; line-height: 32px; float: left; height: 70px; padding: 15px;display: flex;flex-direction: row;justify-content: center;align-items: center;}

.ys-picFocus .hd ul li span{ font-size:30px;margin-right: 15px; color: #1b65a8;line-height: 1}
.ys-picFocus .hd ul li p{line-height: 40px}
.ys-picFocus .hd ul li.on{ background: var(--pei-color); color: #fff;}
.ys-picFocus .hd ul li.on span{ color: #fff;}
/*.ys-picFocus .hd ul li:nth-child(1) span{font-size: 26px}*/
.ys-picFocus .hd ul li:nth-child(3) span{margin-top: 5px}
.ys-picFocus .hd ul li:nth-child(4) span{margin-top: 8px}
.ys-picFocus .bdd{  margin-top: 10px;}
.ys-picFocus .bdd li{ width: 100%; background:#fff; overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;}
.ys-picFocus .bdd li .txt{ width: 50%; padding: 30px 20px;float: left;}
.ys-picFocus .bdd li .txt .ys-t1{font-size:20px; color: #666;}
.ys-picFocus .bdd li .txt .ys-t2{ width: 100%; height: 60px; margin: 22px 0; overflow: hidden;}
.ys-picFocus .bdd li .txt .ys-t2 .ys-t21{ width: 26%; float: left; text-align: center; height: 60px; background: url(../images/m-ys-line.jpg) no-repeat right top; color: #1b65a8; line-height: 60px; font-size: 60px; font-weight: 700;}
.ys-picFocus .bdd li .txt .ys-t2 .ys-t23{ width: 72%; float: right; height: 60px; line-height: 22px; font-weight: 700; padding-top: 8px; font-size: 30px; color: #1d1d1d;}
.ys-picFocus .bdd li .txt .ys-t2 .ys-t23 p{ font-size: 16px; margin-top:10px; color: #999; font-weight: 100;}
.ys-picFocus .bdd li .txt .ys-t3{ line-height: 36px; padding-left: 12px; font-size: 16px; color: #666662; background: url(../images/icon.jpg) no-repeat left 15px;}
.ys-picFocus .bdd li .right{ width: 50%;float: right ;overflow: hidden;height: 465px}
.ys-picFocus .bdd li .right img{width:100%;height: 100%;object-fit: cover;}
.ys-picFocus .cd{ width: 100%; height: 68px; overflow:hidden; position: absolute; left:0; bottom:150px; z-index:999}
.ys-picFocus .cd ul{ width: 136px; margin: 0 auto; height: 68px; overflow: hidden;}
.ys-picFocus .cd ul .prev{display:block; width: 68px; float: right; height: 68px; background:url(../images/ppr.jpg); text-align: center;  line-height: 68px; font-size: 30px;cursor:pointer;}
.ys-picFocus .cd ul .next{display:block; width: 68px; float: left; height: 68px; background:url(../images/ppl.jpg); text-align: center;  line-height: 68px; font-size: 30px;cursor:pointer;}


.m-honor{ padding: 15px 0; overflow: hidden;}
.m-honor .hd{ text-align: center;}
.m-honor .hd img{ max-width: 60%;}
.m-honor .cd{ text-align: center; padding: 21px 0; overflow: hidden; font-size: 12px; color: #666;letter-spacing:3px;}
.m-honor .bd{ margin-bottom: 30px; overflow: hidden;}
.m-honor .md{ width: 327px; height: 56px; margin: 0 auto;}
.m-honor .md a{ display: block; background: var(--zhu-color); font-size: 24px; width: 100%; height: 56px; text-align: center; line-height: 56px; border-radius: 40px; color: #fff;}
.m-honor .md a:hover{ background: var(--pei-color);}

.m-message{ background: #f5f5f5; padding: 22px 0; overflow: hidden;}
.m-m-left{overflow: hidden; padding: 15px 0;}
.m-m-left .mml-1{ color: #666; font-size: 30px; line-height: 30px;}
.m-m-left .mml-2{ font-size: 40px; color: #666; margin: 30px 0;}
.m-m-left .mml-2 span{ color: var(--zhu-color); font-weight:700 ;}
.m-m-left .mml-3{ width: 44px; height: 5px; background: var(--zhu-color);}
.m-m-left .mml-4{ width: 90%; margin: 20px 0 40px 0; line-height: 28px; font-size: 18px; color: #666;}
.m-m-left .mml-5{ margin-bottom: 10px;}
.m-m-left .mml-6{ width: 40%; float: left;}
.m-m-left .mml-6 a{ color: #fff; display: block; font-size: 18px; width: 95%; margin: 0 auto; height: 43px; line-height: 43px; text-align: center; background: #323131;}
.m-m-left .mml-6 a:hover{ background: var(--zhu-color);}
.m-m-left .mml-7{ width: 59%; height: 43px; line-height: 43px; float: right; padding-left: 45px; background: url(../images/m-m-left-tel.jpg) no-repeat left center; font-size: var(--zhu-color); font-size: 16px; font-weight: 700; color: var(--zhu-color); font-weight: 700;}
.m-m-left:hover .mml-3{ width: 80px; background: var(--pei-color); transition: 0.4s;}
.mml-1, .mml-2, .mml-4, .mml-5{ padding-left: 10px;}
.mml-3{ margin-left: 10px;}



.m-m-right ul{ width: 31.3%; float: left; margin: 0 1%; text-align: center; background: #fff; border-radius: 20px; padding: 15px 5px; overflow: hidden;}
.m-m-right ul .m-m-rimg{ margin: 20px 0;}
.m-m-right ul .m-m-rimg span{ font-size: 30px; font-weight: 700; color: #000;}
.m-m-right ul .m-m-rtxt{ font-size: 14px; font-weight: 700; color: #333; line-height: 35px; margin-bottom: 5px;}
.m-m-right ul .m-m-rline{ width: 37px; height: 1px; margin: 0 auto; background: #114c9a;}
.m-m-right ul .m-m-rtxt2{ line-height: 30px; margin-top: 15px; color: #666; font-size: 12px;}
.m-m-right ul:hover{ background: #114c9a; color: #fff; transition: 0.4s;}
.m-m-right ul:hover .m-m-rline{ width:60px; background: var(--pei-color); transition: 0.4s;}
.m-m-right ul:hover .m-m-rimg span{ color: #fff;}
.m-m-right ul:hover .m-m-rtxt{  color: #fff;}
.m-m-right ul:hover .m-m-rtxt2{ color: #fff;}
.m-company{overflow: hidden;}
.m-company .hd{ width: 100%; padding-top: 40px; height: 207px; background: url(../images/cc.jpg) no-repeat left center; overflow: hidden;}
.m-company .hd .mct1{ text-align:  center;}
.m-company .hd .mct1 img{ max-width: 65%;}
.m-company .hd .mct2{ text-align: center; padding: 21px 0; overflow: hidden; font-size: 18px; color: #666;letter-spacing:3px;}
.m-company .bd{ overflow: hidden;}
.m-company .bd .left{ width: 50%; float: left;}
.m-company .bd .left img{ width: 100%;}



.m-company .bd .tct{ width: 50%; float: right;}
.m-company .bd .tct .cmb1{ padding: 70px 0 62px 40px;}
.m-company .bd .tct .cmb1 .title{ width: 60%; color: #342f36; font-size: 24px; font-weight: 700;}
.m-company .bd .tct .cmb1 .title:hover{ padding-left: 15px; color:var(--zhu-color);transition: 0.4s; }
.m-company .bd .tct .cmb1 .content{ width: 70%; clear: both; margin: 50px 0 2px 0; line-height: 32px; color: #666; font-size: 16px;-webkit-line-clamp:6;transition: 0.4s;}
/*.m-company .bd .tct .cmb1 .content:hover{ padding-left: 15px; color:var(--zhu-color); }*/
.m-company .bd .tct .cmb2{ background: var(--zhu-color); padding-left: 40px; overflow: hidden;}
.umb2-box{ width: 60%; overflow: hidden;}
.umb2-box ul{ width: 33.3%; padding: 30px 0; float: left; text-align: center;}
.umb2-box ul .cmb2-1{ overflow:visible; position:relative;}
.umb2-box ul .cmb2-1 .ima{ width: 19px; height: 19px; overflow:hidden; position: absolute; left:55%; top:0; z-index:999}
.umb2-box ul .cmb2-1 .ima .cc {position:absolute;width:19px;height:19px;opacity:1;background-color:#2874d4;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:circulmove 3s infinite linear;}
.umb2-box ul .cmb2-1 .ima .cc1 {animation:circulmove 3s 1s infinite linear;}
.umb2-box ul .cmb2-1 .ima .cc2 {animation:circulmove 3s 2s infinite linear;}
@keyframes circulmove {0% {width:10px;height:10px;opacity:1;}
100% {width:19px;height:19px;opacity:0;}
}


.umb2-box ul .cmb2-1 .imag{ padding: 10px 0 20px 0; overflow: hidden;}
.umb2-box ul .cmb2-1 .imag span{ font-size: 35px; color: #fff;transition: 0.4s;}
.umb2-box ul .cmb2-2{ font-size: 18px; color: #fff;transition: 0.4s;}
.umb2-box ul .cmb2-3{ color: #fff; font-size: 12px;transition: 0.4s;}
.umb2-box ul:hover .cmb2-1 span{ color: var(--pei-color); }
.umb2-box ul:hover .cmb2-2{ color: var(--pei-color); font-size:19px;}
.umb2-box ul:hover .cmb2-3{ color: var(--pei-color); font-size:15px;}
.wap-company{ padding: 15px 0; background: url(../images/company-img1.png) no-repeat top center;  overflow: hidden;}
.wap-company .hd{ text-align: center;}
.wap-company .hd img{ max-width: 60%;}
.wap-company .md{ text-align: center;  margin: 10px 0; font-size: 14px;}
.wap-company .bd{ width: 98%; margin: 0 auto; box-shadow: 3px 3px 3px 3px; padding: 20px;}
.wap-company .bd .title{ color: #342f36; font-size: 18px; font-weight: 700;}
.wap-company .bd .content{ margin: 30px 0; line-height: 35px;}
.wap-company .bd .link{ width: 120px; height: 45px; overflow: hidden;}
.wap-company .bd .link a{ display: block; width: 100%; text-align: center; height: 45px; background: var(--zhu-color); color: #fff; line-height: 45px}
.wap-company .bd .link a:hover{ background: var(--pei-color)}
.wap-company .ed{ background: var(--zhu-color); margin-top: 15px; padding: 30px 0; overflow: hidden;}
.wap-company .ed ul{ width: 33.3%; padding: 10px 0; float: left; text-align: center;}
.wap-company .ed ul .cmb2-1{padding-bottom: 10px;}
.wap-company .ed ul .cmb2-1 span{ font-size: 26px; color: #fff;}
.wap-company .ed ul .cmb2-2{ font-size: 14px; color: #fff;}
.wap-company .ed ul .cmb2-3{ color: #fff; font-size: 12px;}
.wap-company .ed ul:hover .cmb2-1 span{ color: var(--pei-color);}
.wap-company .ed ul:hover .cmb2-2{ color: var(--pei-color);}
.wap-company .ed ul:hover .cmb2-3{ color: var(--pei-color);}

.m-news{background: #f4f4f7 url(../images/news-bg.jpg) no-repeat bottom center; padding: 38px 0; overflow: hidden;}
.mddhd{ text-align: center; font-size: 48px; color: #323232;padding-top: 20px; overflow:visible; position:relative;}
.ycc{ width: 24px; height: 24px;  position: absolute; left:60%; top:10px; z-index:999}
.ycc1{ width: 24px; height: 24px;  position: absolute; right:30%; top:10px; z-index:999}
.m-news .bd{  text-align: center; padding: 21px 0; overflow: hidden; font-size: 12px; color: #666;letter-spacing:3px;}
.m-news .md{ padding: 35px 0; overflow: hidden;}
.news-left{ margin-bottom: 10px; overflow: hidden;}

.news1{background: #fcfcfe; margin-bottom: 5px; overflow: hidden;}
.news1 .img{padding-bottom: 50%}
.news1 .img img{transition: all 0.5s;}
.news1 .txt{background: #fff;padding:20px;}
.news1 .txt .tt1{font-size: 16px;font-weight: bold;color:#333;transition: all .5s}
.news1 .txt .tt2{font-size: 14px;line-height: 28px;margin-top: 15px;-webkit-line-clamp:2;color:#666;}
.news1 .txt:hover .tt1{padding-left: 10px;color:var(--zhu-color);}

.news2{ padding-top: 10px;}
.news2-list{ padding: 10px 0 20px 0; border-bottom: 1px solid #f0f3f5; overflow: hidden;}

.news2-list .time{ width: 80px; float: left; color: #333; font-size: 24px;font-family: "DIN-Medium";}
.news2-list .time span{ font-size: 15px; color: #b8b8b8;font-family: "DIN-Regular-2"; }
.news2-list .txt{ width: calc(100% - 80px); float: right; overflow: hidden;  font-size: 16px;}
.news2-list .txt p{width:100%;}
.news2-list .txt .tt1{color:#333;font-size:16px;float: left;transition: all .5s}
.news2-list .txt .tt2{color:#666;margin-top: 15px;font-size:14px;float: left;}
.news2-list .txt:hover .tt1{color:var(--zhu-color);padding-left: 10px}

.news3{ width: 100%; padding: 15px; margin-bottom: 10px; border: 1px solid #dedede; border-radius: 20px; overflow: hidden;transition: all .5s}
.news3 .time{ width:90px;padding-top: 20px; float: left;}
.news3 .time .time1{  color: #333; font-size: 24px;}
.news3 .time .time2{font-size: 14px; color: #b8b8b8;}
.news3 .time .time3{ width: 80%; height: 1px; background: #e9eaeb; margin-top: 15px;transition: 0.4s;}
.news3 .txt{ width: calc(100% - 100px); float: right; overflow: hidden;}
.news-txt11{ font-size: 13px; color:#333; margin-bottom: 3px; line-height: 24px;}
.news-txt22{ font-size: 12px; color:#999; line-height: 24px;margin-top: 10px}

.news3:hover{ background: #1c5f9a; color: #fff; border: 1px solid #1c5f9a;}
.news3:hover .time .time1{  color: #fff;}
.news3:hover .time .time2{color: #fff;}
.news3:hover .time .time3{ width: 90%; background: #fff; }
.news3:hover .txt{  font-size: 16px; color: #fff;}
.news3:hover .news-txt11{ color: #fff;}
.news3:hover .news-txt22{ color: #fff;}
/*--- sidebar ---*/ 
.sidebar{ overflow: hidden;}
.s-p{ width: 100%; overflow: hidden;}
.s-p .hd{ background: #1c5f9a; line-height: 120px; color: #fff; font-weight: 700; font-size: 35px; text-align: center;}
.s-p .bd{ padding: 10px; background: #fff; overflow: hidden;}
.s-p .bd ul li{ width: 100%; height: 45px; line-height: 45px; overflow: hidden; margin-bottom: 10px;}
.s-p .bd ul li a{ background:url(../images/plist.png) no-repeat left center; text-indent:30px; display: block; width: 100%; height: 45px;}
.s-p .bd ul li a:hover{background:#1c5f9a url(../images/plist.png) no-repeat left center; text-indent: 45px; color: #fff; }
.s-order{ width: 100%; padding: 35px 0; background: #1c5f9a; overflow: hidden; color: #fff; text-align: center;}
.s-order .hd{ font-size: 30px; font-weight: 700; line-height: 32px; margin-bottom: 15px;}
.s-order .hd span{ font-size: 20px; font-weight: 100;}
.s-order .bd{ width: 145px; height: 42px; border: 1px solid #fff; border-radius: 5px; margin: 0 auto; line-height: 42px;}
.s-order .bd a{ color: #fff; font-size: 16px;}
.s-order .bd a:hover{  color: var(--pei-color); text-decoration: underline;}
.s-message .hd{ border-left: 3px solid #2679ba; height: 30px; margin: 15px 0; overflow: hidden; text-indent: 15px; color: #333; font-size: 18px; line-height: 30px;}
.s-message .bd{ width: 100%; background: #fff; padding: 15px 0; overflow: hidden;}
.s-message .bd ul{ width: 98%; margin: 0 auto;}
.s-message .bd ul li{ margin-bottom: 8px; overflow: hidden;}
.cmm1{ width: 99%; height: 38px; border: 1px solid #e6e6e6; text-indent: 10px; line-height: 38px;}
.cmm2{ width: 99%; height: 80px; border: 1px solid #e6e6e6; text-indent: 10px; line-height: 38px;}
.cmm3{ width: 150px; height: 38px; border: 1px solid #e6e6e6; text-indent: 10px;}
.cmm4{ width:95px; height: 38px; border: 1px solid #dedede;vertical-align: top;}
.cmm5{ display: block; width: 98%; height: 38px; border-radius: 5px; text-align: center; line-height: 38px; background: #1c5f9a; color: #fff; font-size: 16px;}
.cmm5:hover{ background: #ff6a42; color: #fff;}
/*--- company ---*/
.c-company{ padding: 35px 0; overflow: hidden;}
.c-company .hd{ text-align: center; padding-bottom: 20px; overflow: hidden;}
.c-company .md{text-align: center; padding: 21px 0; overflow: hidden; font-size: 18px; color: #666;letter-spacing:3px;}
.c-company .bd{ padding-top: 30px; overflow: hidden;}
.c-company .bd .txt .content-txt{ line-height: 40px; font-size: 16px; color: #666; margin-bottom: 10px;}
.c-company .bd .txt .content-link{ width: 150px; height: 45px; overflow: hidden;}
.c-company .bd .txt .content-link a{ display: block; width: 100%; font-size: 16px; height: 45px; line-height: 45px; background: var(--zhu-color); color: #fff; text-align: center;}
.c-company .bd .txt .content-link a:hover{ background: var(--pei-color); text-indent: 10px;}
.c-company .bd .img img{max-width: 100%;}
/*--- inside ---*/
.warp{padding: 35px 0; overflow: hidden;}
.ctname{ border-bottom: 1px solid #1c5f9a; padding-bottom: 10px; overflow: hidden;}
.cname{ float: left; font-size: 22px; font-weight: 700; color: #1c5f9a; line-height: 35px;}
.ccnate{ float: right; float: right;line-height: 35px;}
.ins-p{ width: 90%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.ins-p li{ width: 33.3%; float: left; height: 35px; margin-bottom: 8px; overflow: hidden;}
.ins-p li a{ display: block; width: 90%; margin: 0 auto; height: 35px; text-align: center; color: #fff; line-height: 35px; background: #0064ff;}
.ins-p li a:hover{ background: #00a4f9;}
.n-n{ width: 96%; margin: 0 auto; line-height: 2.6; padding: 15px 0;}

/*--- product ---*/
#picULs{ overflow: hidden; }
#picULs li{ margin-bottom: 15px; outline: none;}
#picULs a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#picULs a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#picULs a .pics_01 img{ width: 100%; height: 120px; object-fit: cover;  transition: all 0.3s;}
#picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden;  }
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#1c5f9a; color: #fff;  }

/*--- footer ---*/
.links{ background: var(--zhu-color); padding: 20px 0; overflow: hidden;}
.links .link-list{ background: url(../images/links.png) no-repeat left center; text-indent: 25px; color: #fff; font-size: 13px; font-weight: 700; line-height: 35px;}
.links .link-list a{ margin-right: 20px; color: #fff; font-size: 12px; font-weight: 100;}
.links .link-list a:hover{ color: var(--pei-color);}
.links .sq{ text-align: center; line-height: 35px;}
.links .sq a{ color: #fff;}
.links .sq a:hover{ color: var(--pei-color);}
.footer{ background: #2b2b2b; margin-bottom: 7rem; overflow: hidden;}
.f-t-1,.f-t-2,.f-t-3{ border-right: 1px solid #3d3c3c;}
.f-hd{ padding-top: 15px; overflow: hidden;}
.f-hd .f-txt{ font-size: 18px; color: #fff;}
.f-hd .f-line{ width: 30px; margin: 15px 0; height: 2px; background: #999;}
.f-hd:hover .f-line{ width: 50px; transition: 0.4s;}
.f-bd{ padding-top: 15px; overflow: hidden;}
.f11 li{ width: 50%; float: left; line-height: 35px;}
.f11 li a{ color: #999;}
.f11 li a:hover{ color: var(--zhu-color);}
.f22 li{  line-height: 35px;}
.f22 li a{ color: #999;display: block;}
.f22 li a:hover{ color: var(--zhu-color);}
.f33 li{ line-height: 45px; color: #999; padding-left: 35px;}
.fc1{ background: url(../images/f1.jpg) no-repeat left center;}
.fc2{ background: url(../images/f2.jpg) no-repeat left center;}
.fc3{ background: url(../images/f3.jpg) no-repeat left 10px;}
.ewm{ width: 50%; float: left; text-align: center; line-height: 45px; color: #999;}
.ewm img{ max-width: 90%;}
.f-bot{ border-top: 1px solid #3d3c3c; padding: 10px 0; line-height: 30px; text-align: center; color: #999;}
.f-bot a{ color: #999;display: inline-block;}
.f-bot a:hover{ color: var(--pei-color)}
#end{ width:100%; background: var(--zhu-color); height: 7rem; position: fixed; bottom:0; z-index: 9999; overflow: hidden;}
#end li{ width: 25%; height: 7rem; padding-top: .8rem;  float: left; text-align: center; overflow: hidden;}
#end li img{ max-width: 35px;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color:var(--zhu-color);}

/*--- Universal ---*/
#newTitle{color:#333;font-size:24px;text-align:center; padding: 25px 0 5px 0; overflow: hidden;}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 12px; margin-bottom:26px;}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 50%; float: left;}

.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}

#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

/*fenye*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}
    .de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 10px auto 35px;}
    .de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;width:auto;}
    .de-page-mian .page-inner a.active,
    .de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
    .de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
    .de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
    .de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
    .de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
    .de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
    .de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
    .de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
    .de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
    .de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: 700; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding-left: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding-left: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }



/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	.m-plist .bd a .pics_01 img{ max-width: 100%; height: 250px; transition: all 0.3s;}
	.ys-f{ width: 100%;}
	.m-about .txt{ padding-bottom: 0;}
	.line{ height: 75px; line-height: 75px; overflow: hidden;}
	.keywords{ width: 65%; float: left;}
	.m-pod{ width: 73%; float: right;}
	.hotlist li{ width: 25%;}
	.ysl ul{ width: 100%; margin: 3px 0;  overflow: hidden;}
	.ysl ul .c1{ width: 71px; float: left; }
	.ysl ul .c2{ width: 60%; padding-top: 15px; float: right; line-height: 30px;}
	.ysl ul .c2 span{ font-size: 30px; color: #4c4c4c; font-weight: 700;}
	.ysr ul{ width: 100%; margin: 3px 0; overflow: hidden;}
	.ysr ul .c4{ width: 71px; float: right;}
	.ysr ul .c3{ width: 60%; padding-top: 15px; float: left; line-height: 30px;}
	.ysr ul .c3 span{ font-size: 30px; color: #4c4c4c; font-weight: 700;}
    .m-line{ background: url(../images/line.jpg) no-repeat top center; height: 143px; overflow: hidden; padding-top: 30px;}
    .line-tel{ width: 50%; float: left; line-height: 26px;}
    .line-tel span{ color: #0752af; font-size: 30px;}
    .line-message{ width: 262px; height: 72px; float: right;}
    .m-message{ padding: 82px 0;}

	.ys-box{ padding-top: 85px; background: none;}
	.ys-box .bd{ text-align: center; color: #fff;  font-size: 24px;}

	.ys-picFocus .bdd li .txt{ width: 50%; float: left; padding: 35px;}
	.ys-picFocus .bdd li .right{ width: 50%; float: right;}
	.ys-picFocus .bdd li .txt .ys-t2 .ys-t21{ width: 17%;}
	.ys-picFocus .bdd li .txt .ys-t2 .ys-t23{ width: 79%;}
	.m-m-left .mml-7{ font-size:24px;}
	.m-m-right ul{ width: 29.3%; float: left; margin: 0 2%; text-align: center; background: #fff; border-radius: 20px; padding: 50px 20px; overflow: hidden;}
	.m-m-right ul .m-m-rimg{ margin: 30px 0;}
	.m-m-right ul .m-m-rimg span{ font-size: 30px; color: #000;}
	.m-m-right ul .m-m-rtxt{ font-size: 24px; color: #333; line-height: 35px; margin-bottom: 10px;}
	.m-m-right ul .m-m-rline{ width: 37px; height: 1px; margin: 0 auto; background: #114c9a;}
	.m-m-right ul .m-m-rtxt2{ line-height: 30px; margin-top: 25px;}
	.m-m-right ul:hover{ background: #114c9a; color: #fff; transition: 0.4s;}
	.m-m-right ul:hover .m-m-rline{ width:60px; background: var(--pei-color); transition: 0.4s;}
	.m-m-right ul:hover .m-m-rimg span{ color: #fff;}
	.m-m-right ul:hover .m-m-rtxt{  color: #fff;}
	.footer{ margin-bottom: 0;}
	.f-t-1,.f-t-2,.f-t-3{ border-right: 1px solid #3d3c3c;}
	.f-hd{ padding-top: 35px; overflow: hidden;}
	#picULs a .pics_01 img{ height: 180px;}
     .m-m-right ul .m-m-rtxt2{ font-size: 16px;}
     .fl20{padding-left: 20px;}
    .m-case .md{ font-size: 18px;}
    .ys-picFocus .bdd li .txt .ys-t1{font-size: 28px;}
    .m-honor .cd{  font-size: 18px;}
    .m-news .bd{  font-size: 18px;}
    .news3{ padding: 20px 30px; margin-bottom: 20px;}
    .news-txt11{ font-size: 16px;}
    .news-txt22{ font-size: 13px;}
    .links .link-list{ font-size: 18px;}
    .links .link-list a{ font-size: 16px;}
    .mml-1, .mml-2, .mml-4, .mml-5{ padding-left: 2px;}
    .mml-3{ margin-left: 2px;}
    .ys-picFocus .bdd li .txt .ys-t2 .ys-t23{ font-size: 40px;}
    .ycc{ left:58%;}
    .ycc1{ left:67%;}
     .m-honor{ padding: 65px 0 20px 0; overflow: hidden;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	.m-plist .bd a .pics_01 img{ max-width: 100%; height: 250px; transition: all 0.3s;}
	.ys-f{ width: 100%;}
	.m-about .txt{ padding-bottom: 0;}
	.line{ height: 75px; line-height: 75px; overflow: hidden;}
	.keywords{ width: 65%; float: left;}
	.m-pod{ width: 73%; float: right;}
	.hotlist li{ width: 25%;}
	.ysl ul{ width: 100%; margin: 3px 0; overflow: hidden;}
	.ysl ul .c1{ width: 71px; float: left;}
	.ysl ul .c2{ width: 60%; padding-top: 15px; float: right; line-height: 30px;text-align: left;}
	.ysl ul .c2 span{ font-size: 30px; color: #4c4c4c; font-weight: 700;}
	.ysr ul{ width: 100%; margin: 3px 0; overflow: hidden;}
	.ysr ul .c4{ width: 71px; float: right;}
	.ysr ul .c3{ width: 60%; padding-top: 15px; float: left; line-height: 30px;text-align: right;}
	.ysr ul .c3 span{ font-size: 30px; color: #4c4c4c; font-weight: 700;}
    .m-line{ background: url(../images/line.jpg) no-repeat top center; height: 143px; overflow: hidden; padding-top: 30px;}
    .line-tel{ width: 50%; float: left; line-height: 26px;}
    .line-tel span{ color: #0752af; font-size: 30px;}
    .line-message{ width: 262px; height: 72px; float: right;}
    .m-message{ padding: 82px 0;}

	.ys-box{ padding-top: 85px; background: none;}
	.ys-box .bd{ text-align: center; color: #fff;  font-size: 24px;}

	.ys-picFocus .bdd li .txt .ys-t2 .ys-t21{ width: 17%;}
	.ys-picFocus .bdd li .txt .ys-t2 .ys-t23{ width: 79%;}
	.m-m-left .mml-7{ font-size: 28px;}
	.m-m-right ul{ width: 29.3%; float: left; margin: 0 2%; text-align: center; background: #fff; border-radius: 20px; padding: 50px 20px; overflow: hidden;}
	.m-m-right ul .m-m-rimg{ margin: 30px 0;}
	.m-m-right ul .m-m-rimg span{ font-size: 30px; color: #000;}
	.m-m-right ul .m-m-rtxt{ font-size: 24px; color: #333; line-height: 35px; margin-bottom: 10px;}
	.m-m-right ul .m-m-rline{ width: 37px; height: 1px; margin: 0 auto; background: #114c9a;}
	.m-m-right ul .m-m-rtxt2{ line-height: 30px; margin-top: 25px;}
	.m-m-right ul:hover{ background: #114c9a; color: #fff; transition: 0.4s;}
	.m-m-right ul:hover .m-m-rline{ width:60px; background: var(--pei-color); transition: 0.4s;}
	.m-m-right ul:hover .m-m-rimg span{ color: #fff;}
	.m-m-right ul:hover .m-m-rtxt{  color: #fff;}
	.footer{ margin-bottom: 0;}
	.f-t-1,.f-t-2,.f-t-3{ border-right: 1px solid #3d3c3c;}
	.f-hd{ padding-top: 35px; overflow: hidden;}
	#picULs a .pics_01 img{ height: 180px;}
    .m-m-right ul .m-m-rtxt2{ font-size: 16px;}
    .fl20{padding-left: 20px;}

    .m-case .md{ font-size: 18px;}
    .ys-picFocus .bdd li .txt .ys-t1{font-size: 24px;}
    .m-honor .cd{  font-size: 18px;}
    .m-news .bd{  font-size: 18px;}
    .news3{ padding: 20px 30px; margin-bottom: 20px;}

    .news-txt11{ font-size: 16px;}
    .news-txt22{ font-size: 13px;}
    .links .link-list{ font-size: 18px;}
    .links .link-list a{ font-size: 16px;}
    .mml-1, .mml-2, .mml-4, .mml-5{ padding-left: 2px;}
    .mml-3{ margin-left: 2px;}
    .ys-picFocus .bdd li .txt .ys-t2 .ys-t23{ font-size: 40px;}
    .ycc{ left:57%;}
    .ycc1{ left:66%;}
    .m-honor{ padding: 65px 0 20px 0; overflow: hidden;}
}
@media(max-width: 1400px){
    .m-company .hd{background-position: -130px center;}
    .m-company .bd .tct .cmb1 .content{width:90%;}
    .m-company .bd .tct .cmb1{padding:45px 0 45px 30px;}
}
@media(max-width: 1200px){
    .flash img{height:500px!important; }
    .ys-picFocus .cd{bottom:10px;}
    .ys-picFocus .hd ul li{font-size: 30px}
    .ys-picFocus .hd ul li span{float: left;}
    .m-company .bd .tct .cmb1{padding-top: 15px}
    .m-company .bd .tct .cmb1 .title{width:99%;}
    .m-company .bd .tct .cmb1 .content{width:99%;margin-top: 30px;}

}
@media(max-width: 992px){
    .logo{width:calc(100% - 250px);}
    .tel{width:240px;margin-top: 5px;height: 50px}
    .tel .tt1{font-size: 14px}
    .tel .tt2{font-size: 28px}
    .flash img{height:400px!important; }
    .m-pod .bdd{padding:0 15px;}
    .hotlist li{display: inline-block;width:auto;margin-right: 15px;height: 40px;}
    .hotlist li span{width:auto;}
    .ys-picFocus .hd ul li p{font-size: 24px}
    .ys-picFocus .hd ul li span{font-size: 35px}
    .ys-picFocus .hd ul li:nth-child(1) span{font-size: 43px}
    .ys-picFocus .bdd li{flex-direction: column-reverse;}
    .ys-picFocus .bdd li .txt .ys-t2{margin:15px 0;}
    .ys-picFocus .bdd li .txt{width:100%;}
    .ys-picFocus .bdd li .right{width:100%;}
    .ys-box .hd .tt1{font-size: 70px}
    .ys-box .hd .tt2{font-size: 40px;margin-top: -65px}
    .ys-box .bd{font-size: 18px}
    .m-company .hd{background: none;padding-top: 0;height: auto;padding-bottom: 30px}
    .m-company .bd .left{width:100%;text-align: center;}
    .m-company .bd .left img{height: 300px;object-fit: cover;object-position: top}
    .m-company .bd .tct{width:100%;}
    .m-company .bd .tct .cmb1{padding:30px 15px;}
    .umb2-box{width:100%;}
    .m-company .bd .tct .cmb2{padding-left: 0}
}
@media(max-width: 768px){
    .top{display: none;}
    .tel{display: none;}
    .logo{width:100%;text-align: center;}
    .m-box ul{flex-wrap: wrap;}
    .m-box li{width:25%;height: auto;border-bottom:solid 1px #fff;border-right:solid 1px #fff;}
    .m-box li:nth-child(4n){border-right:none;}
    .m-box li:nth-child(n+5){border-bottom:none;}
    .m-box li a br,.m-box li a span{display: none;}
    .flash img{height:300px!important; }
    .m-p-pc .swiper-slide .cc .c1{width:100%;font-size: 14px;}
    .m-p-pc .swiper-slide .cc .c2{display: none;}
    .wap-w-ys ul{width:100%;padding:10px 0;}
    .mddhd{font-size: 30px}
    .m-ys .hd{font-size: 16px;margin-top: 0}
    .m-case .bd ul .txt .case1{width:100%;}
    .m-case .bd ul .txt .case2{display: none;}
    .ys-picFocus .hd ul li p{font-size: 16px;}
    .ys-picFocus .hd ul li span{font-size: 24px;margin-right: 5px;margin-top: 0}
    .ys-picFocus .hd ul li:nth-child(3) span,.ys-picFocus .hd ul li:nth-child(4) span{margin-top: 3px;}
    .ys-picFocus .hd ul li:nth-child(1) span{font-size: 30px}
    .ys-box .hd .tt1{font-size: 60px}
    .ys-box .hd .tt2{font-size: 30px;margin-top: -55px}
    .ys-box .bd{font-size: 16px}
    .m-news .md{padding:0 0 35px;}
}
@media(max-width: 576px){
    .flash img{height:180px!important; }
    .m-pod .hdd{font-size: 14px;display: none}
    .hotlist li{padding:0;}
    .hotlist li span{font-size: 14px;}
    .la-ball-scale-pulse.la-sm{display: none;}
    .m-case .bd ul{padding:0 5px;}
    .m-case .bd ul .txt .case1{font-size: 14px}
    .ys-box .hd .tt1{font-size: 30px}
    .ys-box .hd .tt2{font-size: 20px;margin-top: 0px}
    .ys-box .bd{font-size: 12px}
    .ys-box .bd{margin:10px 0;}
    .ys-picFocus .hd ul li{width:50%;}
    .ys-picFocus .bdd li .txt .ys-t1{font-size: 16px;}
    .ys-picFocus .bdd li .txt .ys-t2 .ys-t21{width:33%;}
    .ys-picFocus .bdd li .txt .ys-t2 .ys-t23{width:67%;padding:0 0px 0 10px;font-size: 20px;}
    .ys-picFocus .bdd li .txt .ys-t2 .ys-t23 p{font-size: 12px;}
    .ys-picFocus .bdd li .txt .ys-t3{font-size: 14px;line-height: 28px;}
    .ys-picFocus .bdd li .right{height: 200px;}
    .m-honor .md{width:200px;}
    .m-honor .md a{font-size: 20px;height: 40px;line-height: 40px;}
    .m-m-left .mml-1{font-size: 18px;}
    .m-m-left .mml-2{font-size: 24px;margin:15px 0;}
    .m-m-left .mml-4{width:100%;margin:15px 0;font-size: 14px;}
    .mml-1, .mml-2, .mml-4, .mml-5{padding-left: 0}
    .m-m-right ul{width:100%;margin-bottom:15px;}
    .m-company .hd{padding-bottom: 0}
    .mddhd{padding-top: 0;font-size: 28px;}
    .m-company .hd .mct2{font-size: 14px}
    .m-company .bd .left img{height: 200px}
    .m-company .bd .tct .cmb1 .title{width:100%;font-size: 22px}
    .m-company .bd .tct .cmb1 .content{width:100%;}
    .m-p{background:var(--zhu-color);}
    .m-p-pc{padding-top: 0}
}